import React from 'react';

import styles from './KindContent.module.less';

import { Link } from 'react-router-dom';


class KindContent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      books: [
        {
          kindName: '废金属',
          backgroundColor: '#e4b808',
          path: require('../../../asset/images/market/h1.png'),
          KindNameInfo: [
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '1', path: require('../../../asset/images/market/1.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: '废旧铅板铅皮铅块回收 废旧铅板铅皮铅块回...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '2', path: require('../../../asset/images/market/2.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '3', path: require('../../../asset/images/market/3.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '4', path: require('../../../asset/images/market/4.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '5', path: require('../../../asset/images/market/5.png'), KindNameInfoNumber: '12.35吨' },
          ],
          KindNameDetail: [
            {
              name: '有色金属',
              kinds: [ '废铝', '废铜', '废锡', '废铅', '废锌', '铝合金', '废镍', '废锑', '废锰', '废铝', '废镁', '废镉', '废钠', '废钙', '废钾', '废锶', '废錋', '废铋', '废钴', '其他有色金属', '废镉', '废钠' ],
            },
            {
              name: '稀有金属',
              kinds: [ '废钛', '废钒', '废铌', '废钽', '废钨', '废钼', '废铍', '废锆', '废锂', '废铼', '废镓', '废铟', '废硒', '废铷', '废铪', '废锗', '废碲', '其他稀有金属' ],
            },
            {
              name: '废钢铁',
              kinds: [ '废钢', '废不锈钢', '废钢材', '废钢轨', '合金钢', '废铁', '废铁屑', '边角料', '铁矿石', '钢铁制品', '废钢管', '废矽钢', '废钢筋', '废钢板', '废钨钢', '钢结构', '其他废钢铁' ],
            },
            {
              name: '贵金属',
              kinds: [ '废金', '废银', '废铑', '废钯', '废铂', '废钌', '废锇', '废铱', '黄金', '白银', '铂金', '钯金', '其他贵金属' ],
            },
            {
              name: '再生金属',
              kinds: [ '再生铜', '再生铅', '再生镍', '再生铁', '再生铝', '再生钢', '再生镁', '再生锡', '再生锌', '再生钼', '再生金', '再生银', '其他再生金属' ],
            },
            {
              name: '其他金属',
              kinds: [ '废五金', '废合金', '废硅', '废阀门', '废轴承', '金属制品', '金属材料', '废尾矿', '废模具', '废磁铁', '金属助剂', '其他废金属' ],
            },
          ],
        },
        {
          kindName: '废塑料',
          backgroundColor: '#0d9bb9',
          path: require('../../../asset/images/market/h2.png'),
          KindNameInfo: [
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '1', path: require('../../../asset/images/market/6.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '2', path: require('../../../asset/images/market/7.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '3', path: require('../../../asset/images/market/8.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '4', path: require('../../../asset/images/market/9.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '5', path: require('../../../asset/images/market/10.png'), KindNameInfoNumber: '12.35吨' },
          ],
          KindNameDetail: [
            {
              name: '通用塑料',
              kinds: [ 'ABS塑料', 'PP塑料', 'PE塑料', 'PS塑料', 'PVS塑料', 'EVA塑料', 'PPR塑料', 'PPN塑料', 'PPC塑料', 'HDPE塑料', 'BOPP塑料', 'LEPE塑料', '其他通用塑料' ],
            },
            {
              name: '工程塑料',
              kinds: [ 'PA塑料', 'PC塑料', 'PET塑料', 'POM塑料', 'TPU塑料', 'LCP塑料', 'PPO塑料', 'PBT塑料', 'PFA塑料', 'MPPO塑料', 'PVB塑料', 'AS塑料', 'PTFE塑料', 'PMMA塑料', '其他工程塑料' ],
            },
            {
              name: '再生塑料',
              kinds: [ 'PP再生料', 'PE再生料', 'PS再生料', 'ABS再生料', 'PVC再生料', 'PC再生料', 'PA再生料', 'EVA再生料', 'PET再生料', 'PPO再生料', 'PPS再生料', '其他再生塑料' ],
            },
            {
              name: '特种塑料',
              kinds: [ '氟塑料', '增强塑料', '泡沫塑料', '有机硅塑料', 'PPS塑料', 'PAR塑料', 'POB塑料', 'PSF塑料', 'PES塑料', 'PASF塑料', 'PI塑料', 'PEI塑料', 'PAI塑料', 'PEK塑料', 'PASF塑料', 'PEEK塑料', '其他特种塑料' ],
            },
            {
              name: '塑料助剂',
              kinds: [ '催化剂', '发泡剂', '改性剂', '光亮剂', '粘合剂', '润滑剂', '色母剂', '增白剂', '增塑剂', '着色剂', '阻燃剂', '增韧剂', '助燃剂', '增溶剂', '抗氧剂', '稳定剂', '填充剂', '清洗剂', '防霉剂', '涂料/油漆', '颜料', '染料', '其它塑料助剂' ],
            },
            {
              name: '塑料制品',
              kinds: [ '塑料袋', '塑料瓶', '塑料桶', '塑料板', '塑料管', '塑料丝线', '塑料薄膜', '塑料托盘', '塑料泡沫', '塑料颗粒', '其他塑料制品' ],
            },
          ],
        },
        {
          kindName: '废纸',
          backgroundColor: '#3989ce',
          path: require('../../../asset/images/market/h3.png'),
          KindNameInfo: [
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '1', path: require('../../../asset/images/market/11.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '2', path: require('../../../asset/images/market/12.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '3', path: require('../../../asset/images/market/13.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '4', path: require('../../../asset/images/market/14.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '5', path: require('../../../asset/images/market/15.png'), KindNameInfoNumber: '12.35吨' },
          ],
          KindNameDetail: [
            {
              name: '包装废纸',
              kinds: [ '废纸板', '废纸箱', '牛皮纸', '瓦楞纸', '箱板纸', '淋膜纸', '打包纸', '灰卡纸', '黄板纸', '羊皮纸', '鸡皮纸', '玻璃纸', '利乐包', '无菌包' ],
            },
            {
              name: '印刷废纸',
              kinds: [ '废报纸', '废书刊', '铜版纸', '新闻纸', '书写纸', '旧书本', '证券纸', '商标纸', '封面纸', '宣传册', '印花纸', '胶版纸', '标签纸', '白卡纸', '白板纸', '不干胶纸' ],
            },
            {
              name: '工业废纸',
              kinds: [ '白油纸', '黄油纸', '离型纸', '碳素纸', '绝缘纸', '无尘纸', '防锈纸', '浸渍纸', '压板纸', '废滤纸', '白纸边', '防潮纸', '防油纸', '废砂纸' ],
            },
            {
              name: '生活废纸',
              kinds: [ '面巾纸', '餐巾纸', '湿巾纸', '卫生纸', '纸尿裤', '卫生巾', '擦手纸', '纸杯', '纸袋', '厨房纸', '其他生活废纸' ],
            },
            {
              name: '办公废纸',
              kinds: [ '复印纸', '打印纸', '传真纸', '复写纸', '拷贝纸', '绘图纸', '广告纸', '热敏纸', '彩喷纸', '艺术纸', '描图纸', '文件纸' ],
            },
            {
              name: '其他废纸',
              kinds: [ '废纸浆', '复合纸', '废卡纸', '废纸边', '纸制品', '废纸管', '废纸盒', '信封纸', '废墙纸', '再生纸' ],
            },
          ],
        },
        {
          kindName: '二手设备',
          backgroundColor: '#bfb90c',
          path: require('../../../asset/images/market/h4.png'),
          KindNameInfo: [
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '1', path: require('../../../asset/images/market/16.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '2', path: require('../../../asset/images/market/17.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '3', path: require('../../../asset/images/market/18.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '4', path: require('../../../asset/images/market/19.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '5', path: require('../../../asset/images/market/20.png'), KindNameInfoNumber: '12.35吨' },
          ],
          KindNameDetail: [
            {
              name: '化工设备',
              kinds: [ '反应设备', '换热设备', '加热设备', '结晶设备', '成型设备', '粉碎设备', '干燥设备', '输送设备', '石油设备', '传质设备', '混合设备', '实验设备', '管道设备', '储运设备', '分离设备', '环保设备', '压力设备' ],
            },
            {
              name: '电力设备',
              kinds: [ '发电机', '电动机', '变压器', '锅炉设备', '电梯设备', '电线电缆', '电池电瓶', '仪器仪表', '电热设备', '焊接设备', '防静电设备', '配电输电设备', '电动工具', '配电柜' ],
            },
            {
              name: '制冷设备',
              kinds: [ '中央空调', '制冷机组', '冷凝器', '蒸发器', '冷库设备', '冷却塔', '压缩机', '冷水机', '冷冻机', '冷水机组', '螺杆机' ],
            },
            {
              name: '机床设备',
              kinds: [ '数控机床', '锻压机床', '铸造机床', '木工机床', '特种机床', '金属切削机床', '加工中心', '组合机床', '精密机床', '热处理机床', '机床工具', '机床配件' ],
            },
            {
              name: '纺织设备',
              kinds: [ '纺纱设备', '棉纺设备', '化纤设备', '染整设备', '针织设备', '织造设备', '无纺布设备', '毛纺设备', '纺织仪器', '纺机配件', '纺织配套设备', '梭织设备', '皮革设备', '麻纺设备', '纺织机械' ],
            },
            {
              name: '橡塑设备',
              kinds: [ '塑料设备', '橡胶设备', '注塑机', '吹塑机', '吹膜机', '吸塑机', '造粒机', '密炼机', '挤出机', '破碎机', '压延机', '成型机', '拉丝机', '压塑机', '制袋机', '淋膜机', '发泡机', '颗粒机',
                '压力机', '切胶机', '混炼机', '裁断机', '硫化机', '硫化罐', '定型机', '炼胶机', '其他橡塑设备' ],
            },
            {
              name: '包装设备',
              kinds: [ '二手包装机械', '塑料包装设备', '纸品包装设备', '金属包装设备', '竹木包装设备', '玻璃包装设备', '布料包装设备', '复合材料包装设备', '包装检测设备', '包装辅助设备', '打包机', '封口机',
                '灌装机', '喷码机', '捆扎机', '缠绕机', '打标机', '贴标机', '裹包机', '打码机', '充填机' ],
            },
            {
              name: '印刷设备',
              kinds: [ '印刷机械', '印前设备', '印后设备', '成套印刷设备', '印刷配套设备', '印刷耗材', '广告设备', '印刷机', '制版机', '印装订机刷', '胶印机', '模切机', '分切机', '喷绘机', '丝印机', '移印机' ],
            },
            {
              name: '造纸设备',
              kinds: [ '造纸机械', '备料设备', '漂白设备', '制浆设备', '蒸煮设备', '纸制品设备', '碱回收设备', '纸加工设备', '造纸机', '压光机', '复卷机', '卷纸机', '切纸机', '涂布机', '预印机', '裱纸机', '切角机', '纸杯机' ],
            },
            {
              name: '木工设备',
              kinds: [ '木工机械', '钻孔设备', '刃磨设备', '锯切设备', '铣削设备', '封边设备', '制板设备', '砂光设备', '木工辅助设备', '油漆涂装设备', '木工生产线', '营林及木材采伐机械', '其他木工设备' ],
            },
            {
              name: '服装设备',
              kinds: [ '服装机械', '缝制设备', '缝前设备', '缝中设备', '缝后设备', '缝纫设备', '裁剪设备', '熨烫设备', '刺绣设备', '制鞋设备', '手套设备', '织袜设备', '箱包设备', '制帽设备', '服装配套设备' ],
            },
            {
              name: '洗涤设备',
              kinds: [ '洗衣设备', '干洗设备', '水洗设备', '洗衣房设备', '水洗厂设备', '干洗店设备', '酒店宾馆洗涤设备', '工业洗衣机', '烘干机', '干洗机', '水洗机', '脱水机' ],
            },
            {
              name: '食品设备',
              kinds: [ '食品机械', '粮食设备', '米面设备', '果蔬设备', '饼干设备', '炊事设备', '酿酒设备', '糖果设备', '肉制品加工设备', '屠宰设备', '饮料设备', '豆制品设备', '乳制品设备', '调味品设备', '休闲食品设备',
                '烘焙设备', '茶叶设备', '油炸设备', '油脂设备', '烟草设备', '酒精设备', '辣椒设备', '食品配套设备', '食品生产线', '食品包装设备' ],
            },
            {
              name: '矿山设备',
              kinds: [ '矿山机械', '破碎设备', '浮选设备', '筛分设备', '磁选设备', '粉磨设备', '采矿设备', '选矿设备', '砖机设备', '勘探设备', '支护设备', '救护设备' ],
            },
            {
              name: '冶炼设备',
              kinds: [ '冶金设备', '炼铁设备', '炼钢设备', '轧钢设备', '焦化设备', '切断设备', '铸造设备', '轧制设备', '窑炉设备', '液压设备', '电镀设备', '拉丝设备', '钢球设备', '钢带设备', '钢管设备', '钢丝设备',
                '热处理设备', '金属处理设备', '冶炼成套设备', '板金厂设备', '铝厂设备', '不锈钢厂设备', '烧结机', '制氧机', '卷管机', '压铸机', '轧机', '冷轧机', '中频炉' ],
            },
            {
              name: '农林设备',
              kinds: [ '农业机械', '林业机械', '渔业机械', '畜牧机械', '牧草机械', '园林机械', '种植机械', '饲料机械', '榨油机械', '农副加工机械', '温室设备', '农机配件' ],
            },
            {
              name: '风机设备',
              kinds: [ '鼓风机', '通风机', '排风机', '引风机', '抽风机', '罗茨风机', '离心风机', '高温风机', '冷却风机', '排尘风机', '诱导风机', '轴流风机', '烧结风机', '防腐风机', '节能风机', '湿帘风机', '防爆风机',
                '高压风机', '屋顶风机', '管道风机', '隧道风机', '矿用风机', '空调风机', '纺织风机', '消防风机', '锅炉风机', '风机箱', '风机配件' ],
            },
            {
              name: '医药设备',
              kinds: [ '医疗器械', '医疗设备', '制药设备', '制剂机械', '饮片机械', '医疗保健器械', '医药粉碎机械', '原料处理机械', '药品包装机械', '药物检测设备', '中药制药设备', '消毒灭菌设备', '制药用水设备',
                '医药净化设备', '医药制冷设备', '医药干燥设备', '其他医药设备' ],
            },
            {
              name: '水泥设备',
              kinds: [ '水泥机械', '窑体设备', '烧成设备', '水泥粉磨设备', '水泥破碎设备', '水泥除尘设备', '水泥烘干设备', '水泥环保设备', '水泥输送设备', '水泥包装设备', '水泥冷却设备', '水泥生产线', '耐磨材料',
                '耐火材料', '水泥配套设备', '其他水泥设备' ],
            },
            {
              name: '建材设备',
              kinds: [ '建材机械', '建筑设备', '砖瓦设备', '石材设备', '玻璃设备', '陶瓷设备', '制钉设备', '地板设备', '门窗设备', '卷管设备', '喷涂设备', '制砂设备', '铝型材设备', '五金机电' ],
            },
          ],
        },
        {
          kindName: '纺织皮革',
          backgroundColor: '#c29805',
          path: require('../../../asset/images/market/h5.png'),
          KindNameInfo: [
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '1', path: require('../../../asset/images/market/21.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '2', path: require('../../../asset/images/market/22.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '3', path: require('../../../asset/images/market/23.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '4', path: require('../../../asset/images/market/24.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '5', path: require('../../../asset/images/market/25.png'), KindNameInfoNumber: '12.35吨' },
          ],
          KindNameDetail: [
            {
              name: '废旧布料',
              kinds: [ '库存布料', '棉布', '麻布', '呢绒布', '毛纺布', '无纺布', '化纤布', '混纺布', '丝绸', '坯布', '漂白布', '染色布', '印花布', '色织布', '法兰绒', '其他布料' ],
            },
            {
              name: '废旧面料',
              kinds: [ '库存面料', '服装面料', '针织面料', '梭织面料', '纯棉面料', '真丝面料', '麻纱面料', '羊绒面料', '皮革面料', '化纤面料', '混纺面料', '毛料', '其他面料' ],
            },
            {
              name: '废旧辅料',
              kinds: [ '库存辅料', '服装辅料', '服装里料', '服装衬料', '服装垫料', '服装填料', '缝纫线', '扣紧材料', '松紧带', '其他辅料' ],
            },
            {
              name: '废旧皮革',
              kinds: [ '库存皮革', '猪皮革', '牛皮革', '羊皮革', '马皮革', '驴皮革', '貂皮革', '人造皮革', '库存皮草', '其他皮革' ],
            },
            {
              name: '废旧家纺',
              kinds: [ '库存家纺', '床上用品', '酒店布草', '窗帘窗纱', '毛巾浴巾', '四件套', '旧床单', '旧被套', '旧枕套', '旧被褥', '旧枕头', '旧被子', '旧毛毯', '旧地毯', '凉席蚊帐', '桌布台布', '其他家纺' ],
            },
            {
              name: '服装鞋帽',
              kinds: [ '库存服装', '库存鞋袜', '库存帽子', '库存箱包', '库存玩具', '旧衣服', '旧男装', '旧女装', '旧童装', '老年装' ],
            },
          ],
        },
        {
          kindName: '电子电器',
          backgroundColor: '#ff8f35',
          path: require('../../../asset/images/market/h9.jpg'),
          KindNameInfo: [
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '1', path: require('../../../asset/images/market/1.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: '废旧铅板铅皮铅块回收 废旧铅板铅皮铅块回...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '2', path: require('../../../asset/images/market/2.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '3', path: require('../../../asset/images/market/3.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '4', path: require('../../../asset/images/market/4.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '5', path: require('../../../asset/images/market/5.png'), KindNameInfoNumber: '12.35吨' },
          ],
          KindNameDetail: [
            {
              name: '电子产品',
              kinds: [ '照相机', '摄像机', '手机', '手表', '安防器材', '台式电脑', '平板电脑', '笔记本', '显示器', '服务器', '数码摄影', '电脑配件' ],
            },
            {
              name: '工控产品',
              kinds: [ 'PLC', '工控机', '变频器', '机器人', '伺服电机', '传感器', '触摸屏', '通信模块', '气动元件', '工控配件', '交换机', '开关电源', '电磁阀', '编码器', '温控器', '伺服驱动', '低压电器', '高压电器', '防爆电器', '节能电器' ],
            },
            {
              name: '家用电器',
              kinds: [ '空调', '电视机', '洗衣机', '冰箱冰柜', '音响功放', '热水器', '饮水机', '小家电', '厨房电器', '卫浴电器', 'VCD/DVD', '家庭影院', '电暖气', '电风扇', '净水器', '油烟机', '除湿机', '榨汁机', '咖啡机', '其他家用电器' ],
            },
            {
              name: '办公设备',
              kinds: [ '打印机', '复印机', '传真机', '扫描仪', '硒鼓墨盒', '投影机', '碎纸机', '考勤机', '电话机', '办公用品', '多功能一体机', '3D打印机', '点钞机', '绘图仪' ],
            },
            {
              name: '电子元器件',
              kinds: [ '电子元件', '处理器', '存储器', '连接器', '集成电路（IC）', '电阻', '电容', '电路板', '二三极管', '电子材料', '电位器', '继电器', '电子管', '散热器', '滤波器', '充电器', '断路器', '接触器', '控制器', '振荡器', '变送器', '插头插座' ],
            },
            {
              name: '仪器仪表',
              kinds: [ '分析仪器', '实验仪器', '电子电工仪器', '天平衡器', '检测仪器', '测量仪器', '工业仪表', '压力仪表', '流量仪表', '温度仪表', '工业自动化仪表', '汽车仪表', '光学仪器', '电子仪器', '测试仪器', '电化学仪器', '光谱仪', '色谱仪', '量具量仪', '仪器仪表配件' ],
            },
            {
              name: '其他电子电器',
              kinds: [ '游戏机', '健身器材', '钢琴乐器' ],
            },
          ],
        },
        {
          kindName: '轮胎橡胶',
          backgroundColor: '#d3720b',
          path: require('../../../asset/images/market/h6.png'),
          KindNameInfo: [
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '1', path: require('../../../asset/images/market/26.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '2', path: require('../../../asset/images/market/27.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '3', path: require('../../../asset/images/market/28.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '4', path: require('../../../asset/images/market/29.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '5', path: require('../../../asset/images/market/30.png'), KindNameInfoNumber: '12.35吨' },
          ],
          KindNameDetail: [
            {
              name: '废旧轮胎',
              kinds: [ '轿车轮胎', '货车轮胎', '客车轮胎', '工程车胎', '工业车胎', '农用车胎', '摩托轮胎', '电动车胎', '力车轮胎', '飞机轮胎', '汽车外胎', '汽车内胎' ],
            },
            {
              name: '天然橡胶',
              kinds: [ '胶片', '生胶', '乳胶', '橡胶颗粒', '橡胶原料', '烟片橡胶', '绉片橡胶', '胶清橡胶', '橡胶发泡', '废天然胶' ],
            },
            {
              name: '合成橡胶',
              kinds: [ '硅橡胶', '氟橡胶', '丁苯橡胶', '顺丁橡胶', '乙丙橡胶', '丁腈橡胶', '丁基橡胶', '异戊橡胶', '氯丁橡胶', '硫化橡胶', '聚硫橡胶', '氯醇橡胶' ],
            },
            {
              name: '橡胶制品',
              kinds: [ '橡胶板', '橡胶管', '橡胶带', '橡胶垫', '橡胶条', '橡胶辊', '橡胶鞋', '橡胶袋', '橡胶手套', '橡胶卷材', '塑胶跑道', '沥青胶', '橡胶地砖', '橡胶地板', '电缆皮', '玻璃胶' ],
            },
            {
              name: '再生橡胶',
              kinds: [ '轮胎再生胶', '乳胶再生胶', '丁基再生胶', '丁腈再生胶', '乙丙再生胶', '胶鞋再生胶', '再生硅胶', '橡胶粉', '橡胶废料', '废再生胶' ],
            },
            {
              name: '其他橡胶',
              kinds: [ '废旧橡胶', '橡胶助剂', '密封材料', '防水材料', '化工原料', '废旧树脂', '海绵橡胶', '氯化橡胶', '热熔胶', '废胶水' ],
            },
          ],
        },
        {
          kindName: '交通运输',
          backgroundColor: '#2067d1',
          path: require('../../../asset/images/market/h7.png'),
          KindNameInfo: [
            { KindNameInfoText: '奥迪A4L 2015款 45 TFSI quattro个性运动型...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '1', path: require('../../../asset/images/market/31.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: '中型挖掘机 / 履带式 / 柴油 / 用于建筑工地...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '2', path: require('../../../asset/images/market/32.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: '济南铃木摩托车评分榜济南铃木摩托车评分榜...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '3', path: require('../../../asset/images/market/33.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: '卖船信息-出售18方抓斗工程船卖船信息...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '4', path: require('../../../asset/images/market/34.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '5', path: require('../../../asset/images/market/35.png'), KindNameInfoNumber: '12.35吨' },
          ],
          KindNameDetail: [
            {
              name: '二手汽车',
              kinds: [ '二手轿车', '二手货车', '二手客车', '二手MPV', '二手跑车', '面包车', '皮卡车', '农用车', '越野车', '汽车配件' ],
            },
            {
              name: '二手工程车',
              kinds: [ '挖掘机', '推土机', '压路机', '装载机', '平地机', '叉车', '吊车', '油罐车', '洒水车', '搅拌车', '自卸车', '水泥罐车', '随车吊', '起重机', '清障车', '加油车', '垃圾车', '扫路车', '吸污车',
                '高空作业车', '拖车', '挂车', '房车', '消防车', '冷藏车', '危险品车', '工程抢险车', '工程车配件', '其他工程车' ],
            },
            {
              name: '二手摩托车',
              kinds: [ '弯梁摩托车', '踏板摩托车', '跨骑摩托车', '太子摩托车', '越野摩托车', '摩托跑车', '农用摩托车', '助力摩托车', '三轮摩托车', '四轮摩托车', '摩托车配件' ],
            },
            {
              name: '二手电动车',
              kinds: [ '电动汽车', '电动摩托车', '电动自行车', '电动滑板车', '电动平衡车', '电动独轮车', '电动三轮车', '电动四轮车', '混合动力电动车', '燃料电池汽车', '电动车配件' ],
            },
            {
              name: '二手自行车',
              kinds: [ '普通自行车', '公路自行车', '山地自行车', '折叠自行车', '死飞自行车', '旅行自行车', '儿童自行车', '场地自行车', '多人自行车', '共享单车', '自行车配件' ],
            },
            {
              name: '其他交通运输',
              kinds: [ '二手船舶', '二手飞机', '二手火车', '铁路物资', '游乐设备', '集装箱', '升降设备', '输送机械', '物流设备', '其他运输设备' ],
            },
          ],
        },
        {
          kindName: '家具木材',
          backgroundColor: '#cd510d',
          path: require('../../../asset/images/market/h8.png'),
          KindNameInfo: [
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '1', path: require('../../../asset/images/market/36.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '2', path: require('../../../asset/images/market/37.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '3', path: require('../../../asset/images/market/38.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '4', path: require('../../../asset/images/market/39.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A级外墙岩棉板厂家外墙 皮、墙保温板、A级岩...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '5', path: require('../../../asset/images/market/40.png'), KindNameInfoNumber: '12.35吨' },
          ],
          KindNameDetail: [
            {
              name: '民用家具',
              kinds: [ '二手桌子', '二手椅子', '二手凳子', '二手沙发', '二手茶几', '二手床', '二手床垫', '二手衣柜', '书桌书柜', '儿童家具', '二手鞋柜', '二手橱柜', '储物柜', '电视柜', '床头柜', '梳妆台', '上下床' ],
            },
            {
              name: '办公家具',
              kinds: [ '办公桌', '办公椅', '办公沙发', '办公茶几', '屏风隔断', '文件柜', '会议桌椅', '办公前台', '培训桌椅', '洽谈桌椅', '休闲桌椅', '老板桌椅', '保险柜/箱', '电脑桌椅' ],
            },
            {
              name: '酒店家具',
              kinds: [ '酒店桌椅', '酒店衣柜', '酒店沙发', '酒店套床', '酒店茶几', '行李柜', '二手酒柜', '酒店梳妆台', '酒店床头柜', '酒店用品', '酒店电视柜', '宾馆家具', '吧台吧椅' ],
            },
            {
              name: '餐厅家具',
              kinds: [ '中餐厅家具', '西餐厅家具', '咖啡厅家具', '茶楼家具', '快餐厅家具', '餐厅桌椅', '餐厅沙发', '餐边柜', '二手餐具', '餐厅用品' ],
            },
            {
              name: '废旧木材',
              kinds: [ '木托盘', '木包装箱', '木地板', '胶合板', '木制品', '旧木材', '废旧木方', '原木', '竹材', '废旧板材', '废旧木料', '木屑锯末', '建筑木材' ],
            },
            {
              name: '其他家具',
              kinds: [ '二手家具', '红木家具', '展柜柜台', '网吧桌椅', '美容美发用品', '二手货架', '二手门窗', '台球桌', '麻将桌', '课桌椅' ],
            },
          ],
        },
        {
          kindName: '其他废品',
          backgroundColor: '#ff8000',
          path: require('../../../asset/images/market/h9.png'),
          KindNameInfo: [
            { KindNameInfoText: '瑞士名表 胜利者 winner男士时尚休闲气质镂...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '1', path: require('../../../asset/images/market/41.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: '岫岩玉玉石手镯 创意礼品玉石镯子 女款抛光岫玉...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '2', path: require('../../../asset/images/market/42.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: '新款创意青蛙王子钥匙扣吊饰高档锌合金皇冠青...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '3', path: require('../../../asset/images/market/43.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: 'A北欧陶瓷花瓶创意花器摆件客厅样板房软装...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '4', path: require('../../../asset/images/market/44.png'), KindNameInfoNumber: '12.35吨' },
            { KindNameInfoText: '现代简约花瓶摆件客厅陶瓷干花花瓶大理石纹创...', KindNameInfoAdd: '大连市', KindNameInfoPrice: '3200元/吨', index: '5', path: require('../../../asset/images/market/45.png'), KindNameInfoNumber: '12.35吨' },
          ],
          KindNameDetail: [
            {
              name: '烟酒礼品',
              kinds: [ '名烟', '名酒', '老酒', '洋酒', '购物卡', '冬虫夏草', '燕窝', '鹿茸', '鱼翅', '海参', '阿胶', '中药材' ],
            },
            {
              name: '奢侈品',
              kinds: [ '名表', '名包', '名鞋', '名服装', '名配饰', '珠宝首饰', '黄金饰品', '钻石钻戒', '玉器翡翠', '其他奢侈品' ],
            },
            {
              name: '废油',
              kinds: [ '废燃料油', '废润滑油', '生物废油', '化工废油', '再生油品', '废机油', '废柴油', '废煤油', '废齿轮油', '废液压油', '废导轨油', '变压器油', '废切削油', '废重油', '废汽油',
                '废矿物油', '废溶剂油', '废植物油', '废动物油', '废食用油', '废煤焦油', '废油脂', '废蜡油', '废黄油', '废油墨', '其他废油' ],
            },
            {
              name: '废旧玻璃',
              kinds: [ '原片玻璃', '深加工玻璃', '玻璃纤维', '特种玻璃', '玻璃制品', '碎玻璃', '器皿玻璃', '建筑玻璃', '装饰玻璃', '家电玻璃', '家具玻璃', '艺术玻璃', '玻璃原材料', '平板玻璃', '有机玻璃', '钢化玻璃', '其他玻璃' ],
            },
            {
              name: '工艺艺术品',
              kinds: [ '瓷器', '玉器', '书画', '钱币', '邮票', '金银币', '纪念币', '老家具', '老物件', '古玩杂项', '工艺品' ],
            },
            {
              name: '物资废品',
              kinds: [ '文体用品', '食品饮料', '母婴用品', '保健用品', '建筑建材', '化工废物', '绿植苗木', '照明灯具', '农业物资', '库存物资', '废品回收' ],
            },
            {
              name: '工程拆除',
              kinds: [ '厂房拆除', '酒店拆除', '宾馆拆除', '商场拆除', '设备拆除', '办公楼拆除', '钢结构拆除', '广告牌拆除', '桥梁拆除', '烟囱拆除', '室内拆除', '建筑物拆除', '混凝土切割', '地基加固', '其他工程服务' ],
            },
          ],
        },
      ],
    };
  }

  render() {
    const { books } = this.state;

    return (
      <React.Fragment>
        {
          books.map(book => {
            return (
              <div key={book.kindName}>
                <div className={styles.KindContent}>
                  <div className={styles.KindContentLeft + ' ' + styles.pullLeft}>
                    <div className={styles.Kind} style={{ backgroundColor: book.backgroundColor }}>
                      <div className={styles.KindName}>{book.kindName}</div>
                      <div className={styles.KindNameLine}></div>
                    </div>
                    <img src= {book.path} alt='' className={styles.KindNameImg} />
                  </div>
                  <div className={styles.KindContentRight + ' ' + styles.pullLeft}>
                    <div className={styles.KindContentRightUp}>
                      <React.Fragment>
                        {
                          book.KindNameInfo.map(KindNameInfo => {
                            return (
                              <div className={styles.KindNameInfo + ' ' + styles.pullLeft} key={KindNameInfo.index}>
                                <Link to="/" className={styles.img}>
                                  <img src={KindNameInfo.path} alt="" />
                                  <div className={styles.KindNameInfoNumber}>库存:{KindNameInfo.KindNameInfoNumber}</div>
                                  <div className={styles.KindNameInfoText}>{KindNameInfo.KindNameInfoText}</div>
                                </Link>
                                <div className={styles.KindNamePrice}>
                                  <div
                                    className={styles.KindNamePriceLeft + ' ' + styles.pullLeft}>{KindNameInfo.KindNameInfoAdd}</div>
                                  <div
                                    className={styles.KindNamePriceRight + ' ' + styles.pullRight}>{KindNameInfo.KindNameInfoPrice}</div>
                                </div>
                              </div>
                            );
                          })
                        }
                      </React.Fragment>
                    </div>
                    <div className={styles.line}></div>
                    <div className={styles.KindContentRightDown}>
                      <React.Fragment>
                        {
                          book.KindNameDetail.map(KindNameDetail => {
                            return (
                              <div key={KindNameDetail.name}>
                                <div className={styles.name + ' ' + styles.pullLeft}>
                                  <div className={styles.button}>
                                  </div>
                                  <div className={styles.nameFont}>
                                    {KindNameDetail.name}
                                  </div>
                                  <React.Fragment>
                                    {
                                      KindNameDetail.kinds.map((kinds, index) => {
                                        return (
                                          <div key={index} >
                                            <Link to="/" className={styles.kinds + ' ' + styles.pullLeft}>
                                              {kinds}
                                            </Link>
                                          </div>
                                        );
                                      })
                                    }
                                  </React.Fragment>
                                </div>
                              </div>
                            );
                          })
                        }
                      </React.Fragment>
                    </div>
                  </div>
                </div>
              </div>
            );
          })
        }
      </React.Fragment>
    );
  }
}

export default KindContent;
